<%--
  Created by IntelliJ IDEA.
  User: g.huangshg
  Date: 2016/12/12
  Time: 20:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<html>
<head>
    <base href="<%=basePath%>">
    <meta charset="utf-8">
    <title>邮箱管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="resourse/css/font-awesome.min93e3.css" rel="stylesheet">
    <link href="resourse/css/plugins/jqgrid/ui.jqgridffe4.css" rel="stylesheet">
    <link href="resourse/css/ui.jqgrid-bootstrap.css"  rel="stylesheet" type="text/css" media="screen" />
    <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link rel="stylesheet" href="resourse\plugins\awesomplete\awesomplete.css" />
    <link href="resourse/plugins/toast/jquery.toast.css" rel="stylesheet">
</head>

<body class="gray-bg">
<input type="hidden" name="path"     id="path"   value="<%=request.getContextPath()%>" />
<input type="hidden"      id="init"    />
<input type="hidden"      id="msg"    />
<div class="wrapper wrapper-content">
    <div class="row">
        <div class="col-sm-3">
            <div class="ibox float-e-margins">
                <div class="ibox-content mailbox-content">
                    <div class="file-manager">
                        <a id="write_email" class="btn btn-block btn-primary compose-mail" href="javascript:void(0)">写信</a>
                        <div class="space-25"></div>
                        <h5>文件夹</h5>
                        <ul class="folder-list m-b-md" style="padding: 0">
                            <li id="receverbox">
                                <a href="javascript:void(0)"> <i class="fa fa-inbox "></i> 收件箱 <span id="snum" class="label label-warning pull-right"></span>
                                </a>
                            </li>
                            <li id="sendbox">
                                <a href="javascript:void(0)"> <i class="fa fa-envelope-o"></i> 发信箱</a>
                            </li>

                            <li id="trashbox">
                                <a href="javascript:void(0)"> <i class="fa fa-trash-o"></i> 垃圾箱</a>
                            </li>
                        </ul>

                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
        <%--收件箱div    head--%>
           <div class="col-sm-9 animated fadeInRight"  id="send_div" style="display: none">
               <div class="mail-box-header">
                   <form method="get" action="" class="pull-right mail-search" onsubmit="return false">
                       <div class="input-group">
                           <input type="text" class="form-control input-sm" id="searchTitle" placeholder="搜索邮件标题，正文等">
                           <div class="input-group-btn">
                               <button type="submit" id="search" class="btn btn-sm btn-primary">
                                   搜索
                               </button>
                           </div>
                       </div>
                   </form>
                   <h2 id="h2">
                       收件箱
                   </h2>
                       <div class="ibox float-e-margins">

                           <div class="ibox-content">
                               <div class="jqGrid_wrapper" id="table1">
                                   <table id="table_list"></table>
                                   <div id="pager_list"></div>
                               </div>

                           </div>
                       </div>


               </div>

           </div>
        <%--收件箱div    end--%>

        <%--写信div    head--%>
        <div class="col-sm-9 " id="write_div"  style="display: none">
            <div class="mail-box"  style="border-radius: 20px">
                <div class="mail-body">
                    <form class="form-horizontal" method="get">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">发送到：</label>

                            <div class="col-sm-10" id="data">


                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">主题：</label>

                            <div class="col-sm-10">
                                <input id="title" type="text" class="form-control" value="" style="width: 600px;">
                            </div>
                        </div>
                    </form>

                </div>

                <div class="mail-text h-200">
                    <textarea id="content" style="margin-left:80px;width: 700px;height: 200px; font-size: 20px;"></textarea>

                </div>
                <div class="mail-body text-right tooltip-demo">
                    <a id="send" href="javascript:void(0)" class="btn btn-sm btn-primary" data-toggle="tooltip" data-placement="top" title="Send"><i class="fa fa-reply"></i> 发送</a>
                    <a id="Discard" href="javascript:void(0)" class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Discard email"><i class="fa fa-times"></i> 放弃</a>
                </div>
            </div>
        </div>
        <%--写信div    end--%>

        <!-- 查看 出现的邮件详细 -->
        <div class="modal fade" id="mail_detail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
            <div class="modal-dialog"  style="width:800px; top:-20px;" id="internet_logDiv">
                <div class="col-sm-9 animated fadeInRight">
                    <div class="mail-box-header">
                        <div class="mail-tools tooltip-demo m-t-md">
                            <h3>
                                <span class="font-noraml">主题： </span><span id="detail_title" class="font-noraml" style="font-size: 20px;font-weight:bold"></span>
                            </h3>
                            <h5>
                                <span class="pull-right font-noraml" id="detail_time" style="font-size: 18px;font-weight:bold"></span>
                                <span class="font-noraml">发件人： </span><span id="detail_send" class="font-noraml" style="font-size: 18px;font-weight:bold"></span>
                            </h5>
                            <h5>
                                <span class="pull-right font-noraml" id="ago_time" style="font-size: 18px;font-weight:bold"></span>
                                <span class="font-noraml">收件人： </span>
                                <span id="detail_re"  class="font-noraml" style="font-size: 18px;font-weight:bold;overflow-x:auto;max-width: 400px;"></span>
                            </h5>
                        </div>
                    </div>
                    <div class="mail-box">
                        <div class="mail-body" >
                            <pre id="detail_context" style="word-break:normal; width:auto; display:block; white-space:pre-wrap;word-wrap : break-word ;overflow: hidden "></pre>
                        </div>


                    </div>
                </div>
            </div>
        </div>



    </div>
</div>
<!--写信框-->

<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>
<script src="js/content.min.js?v=1.0.0"></script>
<script src="resourse\plugins\awesomplete\awesomplete.js"></script>
<script src="resourse/js/plugins/jqgrid/i18n/grid.locale-cnffe4.js"></script>
<script src="resourse/js/plugins/jqgrid/jquery.jqGrid.minffe4.js"></script>
<script src="resourse/plugins/toast/jquery.toast.js"></script>
<script src="jsp/sys/email/email.js?0.1"></script>
<script>
</script>
</body>

</html>
